import React from 'react';
import './index.css';
import { useNavigate } from "react-router-dom";
import { RightOutline } from 'antd-mobile-icons'
function wode() {
    const navigate = useNavigate();
    return (
        <div className="app-container">
            {/* 头部区域 */}
            <header className="header">
                <div className="avatar-container">
                    <img src="../123.png" alt="Avatar" className="avatar" />
                    <h3 className="username">Axure UE</h3>
                    <span className="level">LV3</span>
                </div>
            </header>
            {/* 功能按钮区域 */}
            <div className="function-buttons">
                <div className="function-button">
                    <div className='qjx_one' onClick={() => navigate('/guahao')}>
                        <svg t="1739327431269" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4270" width="200" height="200"><path d="M801.7390624999999 173.594375H705.2937499999999v-32.14875c-0.00375-17.7534375-14.395312500000001-32.1459375-32.1459375-32.14875-17.7525 0.0028125-32.1440625 14.395312500000001-32.1440625 32.14875v32.14875H383.8053125v-32.14875c0-17.748749999999998-14.398125-32.14875-32.14875-32.14875-17.746875 0-32.1440625 14.399999999999999-32.1440625 32.14875v32.14875H223.06437500000004c-53.244375 0-96.4453125 43.1971875-96.4453125 96.44156249999999v546.5250000000001c0 53.248125 43.201875 96.4425 96.4453125 96.4425h578.6746875c53.244375 0 96.4434375-43.194375 96.4434375-96.4425V270.0396875c0.114375-53.248125-43.0884375-96.4453125-96.4434375-96.4453125z m47.1084375 621.76125c0 35.4928125-28.8084375 64.2965625-64.3021875 64.2965625H240.03218750000002c-35.495625000000004 0.106875-64.2928125-28.80375-64.2928125-64.2965625V289.0184375c0-35.496562499999996 28.79625-64.2975 64.2928125-64.2975h79.48125v64.2975c0.354375 17.499375 14.641875 31.499062499999997 32.1440625 31.499062499999997 17.50875 0 31.794375000000002-13.9996875 32.14875-31.499062499999997v-64.30125h257.1890625v64.2965625c0.009375 17.7515625 14.39625 32.139374999999994 32.146875 32.1440625 17.7525 0 32.1440625-14.3925 32.14875-32.1440625v-64.2965625h79.2553125c35.49375 0 64.3021875 28.8009375 64.3021875 64.2965625v506.34187499999996z m0 0" p-id="4271" fill="#1296db"></path><path d="M653.49875 415.4871875L471.6621875 597.4390625l-68.205-68.3090625c-12.6140625-12.504375-32.9334375-12.504375-45.433125000000004 0-12.6178125 12.5025-12.6178125 32.927812499999995 0 45.542812500000004l90.97874999999999 90.9759375c12.4996875 12.4996875 32.923125 12.4996875 45.426562499999996 0l204.6140625-204.615a32.124375 32.124375 0 0 0 0-45.541875000000005c-12.606562499999999-12.5034375-32.9353125-12.508125-45.5446875-0.0046875z m0 0" p-id="4272" fill="#1296db"></path></svg>
                    </div>
                    <span>医院挂号</span>
                </div>
                <div className="function-button">
                    <div className='qjx_one' onClick={() => navigate('/tijian')}>
                        <svg t="1739328031509" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13188" width="100" height="100"><path d="M899.3 213.5H127.5c-47.4 0-83.6 36.2-83.6 83.6L41.1 924c0 47.4 36.2 83.6 83.6 83.6h771.8c47.4 0 83.6-36.2 83.6-83.6l2.8-626.9c0-47.4-36.3-83.6-83.6-83.6z m25.1 710.4c0 16.7-11.1 27.9-27.9 27.9H124.7c-16.7 0-27.9-11.1-27.9-27.9L99.6 297c0-16.7 11.1-27.9 27.9-27.9h771.8c16.7 0 27.9 11.1 27.9 27.9l-2.8 626.9z" p-id="13189" fill="#1296db"></path><path d="M324.6 787.9c16.7 1.8 30.1-30.1 34.1-45.1C374 690 429 623 512 624.4c89.8 1.6 141.2 65.5 154 123.2 6.4 22.4 13.6 41.6 37.3 38.1 22.4-6.4 21.5-29.9 15.1-52.3-22.4-93-107-155.3-206.4-155.3s-178.3 66.3-204.4 159.5c-6.4 22.4-5.4 43.9 17 50.3M422.2 445.2c0 49.6 40.1 89.8 89.7 89.8s89.8-40.1 89.8-89.7v-0.1c0-49.6-40.2-89.8-89.8-89.8-49.5 0.1-89.7 40.3-89.7 89.8z" fill="#1296db" p-id="13190"></path><path d="M127.5 166.1h755.1c16.7 0 27.9-11.1 27.9-27.9s-11.1-27.9-27.9-27.9H127.5c-16.7 0-27.9 11.1-27.9 27.9s14 27.9 27.9 27.9z m69.7-100.3h615.7c16.7 0 27.9-11.1 27.9-27.9S829.7 10 812.9 10H197.2c-16.7 0-27.9 11.1-27.9 27.9s13.9 27.9 27.9 27.9z" p-id="13191" fill="#1296db"></path></svg>
                    </div>
                    <span>体检订单</span>
                </div>
                <div className="function-button">
                    <div className='qjx_one' onClick={() => navigate('/wenzhen')}>
                        <svg t="1739328113777" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14236" width="100" height="100"><path d="M312.8832 153.6v80.8448H233.2672v161.6896c0 89.2928 71.2704 161.6896 159.232 161.6896 88.0128 0 159.3344-72.3968 159.3344-161.6896V234.4448H472.1664V153.6h119.5008c22.016 0 39.7824 18.0736 39.7824 40.448v202.0864c0 120.1664-86.0672 219.904-199.0656 239.1552v64c0 78.1312 62.3616 141.4656 139.3664 141.4656a139.52 139.52 0 0 0 130.4064-91.4432 121.1904 121.1904 0 0 1-70.656-110.6432c0-66.9696 53.4528-121.2928 119.4496-121.2928 65.9456 0 119.4496 54.272 119.4496 121.2928a121.0368 121.0368 0 0 1-86.6304 116.6336C759.296 850.944 673.6896 921.6 571.7504 921.6c-120.9856 0-219.0336-99.5328-219.0336-222.3104v-64C239.7184 616.0384 153.6 516.3008 153.6 396.1344V193.9968C153.6 171.6736 171.4176 153.6 193.4336 153.6H312.832z m438.0672 444.6208a40.1408 40.1408 0 0 0-39.8336 40.448c0 22.3232 17.8176 40.448 39.8336 40.448 22.016 0 39.7824-18.1248 39.7824-40.448a40.1408 40.1408 0 0 0-39.7824-40.448z" p-id="14237" fill="#1296db"></path></svg>
                    </div>
                    <span>问诊记录</span>
                </div>
                <div className="function-button">
                    <div className='qjx_one' onClick={() => navigate('/q_ding')}>
                        <svg t="1739328183283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15296" width="100" height="100"><path d="M659.692308 0c35.879385 0 64.984615 29.105231 64.984615 64.984615l-0.039385 2.678154h112.285539a64.984615 64.984615 0 0 1 64.748308 59.392l0.236307 5.592616v808.841846a64.984615 64.984615 0 0 1-59.392 64.708923l-5.592615 0.275692H163.446154a64.984615 64.984615 0 0 1-64.748308-59.392L98.461538 941.489231V132.647385a64.984615 64.984615 0 0 1 59.392-64.748308l5.592616-0.236308h147.652923L311.138462 64.984615A64.984615 64.984615 0 0 1 370.530462 0.236308L376.123077 0zM311.099077 126.739692H163.446154a5.907692 5.907692 0 0 0-5.592616 4.056616l-0.315076 1.851077v808.841846a5.907692 5.907692 0 0 0 4.056615 5.592615l1.851077 0.315077h673.476923a5.907692 5.907692 0 0 0 5.592615-4.056615l0.315077-1.851077V132.647385a5.907692 5.907692 0 0 0-4.056615-5.592616l-1.851077-0.315077h-112.285539l0.039385 2.678154a64.984615 64.984615 0 0 1-59.392 64.748308l-5.592615 0.236308h-283.569231a64.984615 64.984615 0 0 1-64.984615-64.984616l-0.039385-2.678154zM500.184615 669.420308v59.076923H228.982154v-59.076923H500.184615z m203.027693-155.844923v59.076923H228.982154v-59.076923h474.190769z m-261.907693-158.326154v59.076923H229.021538v-59.076923h212.361847zM659.692308 59.076923h-283.569231a5.907692 5.907692 0 0 0-5.907692 5.907692v64.433231c0 3.268923 2.638769 5.907692 5.907692 5.907692h283.569231a5.907692 5.907692 0 0 0 5.907692-5.907692V64.984615a5.907692 5.907692 0 0 0-5.907692-5.907692z" fill="#1296db" p-id="15297"></path></svg>
                    </div>
                    <span>商城订单</span>
                </div>
            </div>
            {/* 运动与健康区域 */}
            <div className="my-devices">
                <h3>运动与健康</h3>
                <div className="health-item" onClick={() => navigate('/yundong')}>
                    <div className='qjx_three'>
                        <svg t="1739329027848" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18481" width="200" height="200"><path d="M668.569942 319.879378l-80.895425 87.419002c-27.871791-23.969924-64.10297-38.479383-103.660918-38.479383-87.774089 0-159.183466 71.409376-159.183466 159.183466s71.409376 159.183466 159.183466 159.183466 159.183466-71.409376 159.183466-159.183466c0-37.164435-12.805654-71.393004-34.231639-98.511641l74.114998-80.09213 134.325311 0 138.417513-101.209076-176.671769-4.700045-6.39771-173.903725-104.185874 139.906423L668.567895 319.879378zM484.013599 595.08837c-36.991496 0-67.085908-30.094412-67.085908-67.085908 0-36.990472 30.094412-67.085908 67.085908-67.085908s67.085908 30.094412 67.085908 67.085908C551.099507 564.993958 521.005095 595.08837 484.013599 595.08837z" p-id="18482"></path><path d="M865.186971 350.981746c-0.217964-0.467651-0.428765-0.938372-0.648776-1.404999l-0.064468 0.030699c-2.661619-4.557806-7.591909-7.627724-13.250792-7.627724-8.477069 0-15.349593 6.872524-15.349593 15.349593 0 1.853208 0.344854 3.622504 0.947582 5.266957l-0.068562 0.032746c24.382317 51.91437 36.745902 107.554598 36.745902 165.375491 0 214.763318-174.721347 389.485689-389.484665 389.485689S94.52791 742.765781 94.52791 528.002462 269.25028 138.517797 484.013599 138.517797c59.909461 0 117.342522 13.233396 170.731476 39.320541 2.308579 1.388627 5.001921 2.202155 7.891737 2.202155 8.477069 0 15.349593-6.872524 15.349593-15.349593 0-5.991458-3.440355-11.167341-8.445346-13.69593l0.039909-0.080841c-58.004065-28.596292-120.437-43.095517-185.566346-43.095517-56.717769 0-111.747083 11.111059-163.559123 33.026184-50.036603 21.164019-94.972025 51.458999-133.555785 90.042759s-68.87874 83.519182-90.042759 133.555785C74.940806 416.255379 63.828724 471.285716 63.828724 528.002462c0 56.717769 11.111059 111.747083 33.026184 163.559123 21.164019 50.036603 51.458999 94.972025 90.042759 133.555785s83.519182 68.879764 133.555785 90.042759c51.812039 21.915126 106.841354 33.026184 163.559123 33.026184 56.717769 0 111.747083-11.111059 163.559123-33.026184 50.036603-21.164019 94.972025-51.458999 133.555785-90.042759s68.87874-83.518159 90.041736-133.555785c21.915126-51.813063 33.026184-106.841354 33.026184-163.559123 0-61.678758-13.059434-121.07145-38.801724-176.570461C865.331257 351.278505 865.255533 351.132172 865.186971 350.981746z" p-id="18483"></path></svg>
                    </div>
                    <span>运动目标</span>
                    <RightOutline />
                </div>
               
                <div className="health-item" onClick={() => navigate('/qjx_j')}>
                    <div className='qjx_three'>
                        <svg t="1739329188177" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20684" width="200" height="200"><path d="M512 85.333333c129.6 0 234.666667 105.066667 234.666667 234.666667 0 84.256-44.394667 158.133333-111.072 199.52a425.28 425.28 0 0 1 152.853333 83.466667 32 32 0 1 1-41.493333 48.736A361.045333 361.045333 0 0 0 512 565.333333c-188.672 0-345.429333 144.672-361.344 331.413334a32 32 0 0 1-63.765333-5.429334c15.114667-177.322667 138.048-322.346667 301.546666-371.786666C321.76 478.165333 277.333333 404.266667 277.333333 320c0-129.6 105.066667-234.666667 234.666667-234.666667z m415.946667 627.381334l1.066666 1.013333a29.824 29.824 0 0 1 0 43.413333l-162.261333 152.96a31.925333 31.925333 0 0 1-22.762667 8.704 31.925333 31.925333 0 0 1-22.773333-8.704l-93.184-87.84a29.824 29.824 0 0 1 0-43.413333l1.077333-1.013333a32 32 0 0 1 43.904 0l70.976 66.901333 140.053334-132.021333a32 32 0 0 1 43.904 0zM512 149.333333c-94.261333 0-170.666667 76.405333-170.666667 170.666667s76.405333 170.666667 170.666667 170.666667 170.666667-76.405333 170.666667-170.666667-76.405333-170.666667-170.666667-170.666667z" fill="#000000" p-id="20685"></path></svg>
                    </div>
                    <span>我的关注</span>
                    <RightOutline />
                </div>
                <div className="health-item" onClick={() => navigate('/qjx_hz')}>
                    <div className='qjx_three'>
                        <svg t="1739329350483" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26216" width="200" height="200"><path d="M445.9008 277.0944a77.4144 77.4144 0 0 1-55.2448-23.1936 77.9776 77.9776 0 1 1 55.2448 23.1936z m0-132.352a53.0432 53.0432 0 0 0-35.84 90.1632 50.2272 50.2272 0 0 0 35.84 15.36 52.0192 52.0192 0 0 0 51.2-52.6848 51.2 51.2 0 0 0-51.2-52.8384zM487.3216 906.24C345.5488 906.24 230.4 788.736 230.4 644.3008a262.0928 262.0928 0 0 1 89.7024-197.9904 13.4656 13.4656 0 0 1 17.664 20.48 235.1104 235.1104 0 0 0-80.5888 177.6128c0 129.536 103.2192 234.9568 230.4 234.9568A226.56 226.56 0 0 0 670.72 785.5616a13.4656 13.4656 0 0 1 21.6576 16.0768A253.2864 253.2864 0 0 1 487.3216 906.24z" fill="#444444" p-id="26217"></path><path d="M794.2656 797.3376a52.5824 52.5824 0 0 1-44.9024-24.7808l-81.92-145.0496H464.7424a78.9504 78.9504 0 0 1-79.2576-72.6528l-11.4688-182.8864a77.2096 77.2096 0 0 1 71.68-81.92 73.5744 73.5744 0 0 1 54.9888 19.6096 78.08 78.08 0 0 1 25.6 52.8896l2.56 17.3056h109.6704a43.2128 43.2128 0 0 1 42.7008 43.4688 43.9808 43.9808 0 0 1-41.7792 43.776h-105.0624l0.8192 31.4368h149.1456a51.2 51.2 0 0 1 43.1616 25.6l110.5408 194.56a52.7872 52.7872 0 0 1-18.176 71.1168 50.5856 50.5856 0 0 1-25.6 7.5264zM450.56 316.8256h-3.0208a50.2272 50.2272 0 0 0-46.5408 53.504L412.416 552.96a52.0704 52.0704 0 0 0 52.3264 47.616h210.3296a13.5168 13.5168 0 0 1 11.776 6.8608l85.76 151.552a25.6 25.6 0 0 0 33.4848 8.3456 25.6 25.6 0 0 0 8.3968-35.1232l-110.4384-194.56a23.552 23.552 0 0 0-20.1216-12.032H522.24a13.5168 13.5168 0 0 1-13.4656-13.1584L506.88 453.888a13.568 13.568 0 0 1 13.4656-13.824h117.76a17.1008 17.1008 0 0 0 15.7184-16.7936 16.128 16.128 0 0 0-16.0256-16.4864H517.12a13.5168 13.5168 0 0 1-13.3632-11.52l-4.4544-29.952a52.0192 52.0192 0 0 0-16.7424-35.84A47.616 47.616 0 0 0 450.56 316.8256z" fill="#444444" p-id="26218"></path></svg>
                    </div>
                    <span>患者信息</span>
                    <RightOutline />
                </div>
            </div>
            {/* {商城区域} */}
            <div className="sports-health">
                <h3>商城</h3>
                <div className="health-item" onClick={() => navigate('/qjx_gou')}>
                    <div className='four'>
                        <svg t="1739329466258" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27262" width="200" height="200"><path d="M848 712H318.4c-25.6 0-46.4-19.2-48-41.6L240 201.6c-1.6-25.6-16-46.4-38.4-57.6l-48-20.8c-12.8-4.8-25.6 0-32 12.8s0 25.6 12.8 32l46.4 20.8c6.4 3.2 11.2 9.6 11.2 17.6l28.8 468.8c3.2 48 46.4 86.4 96 86.4H848c12.8 0 24-11.2 24-24s-11.2-25.6-24-25.6z" p-id="27263"></path><path d="M884.8 265.6c-14.4-16-35.2-25.6-57.6-25.6H337.6c-12.8 0-24 11.2-24 24s11.2 24 24 24h489.6c8 0 16 3.2 20.8 9.6 4.8 6.4 8 14.4 8 22.4l-38.4 211.2v1.6c-1.6 14.4-12.8 24-27.2 25.6l-420.8 32c-12.8 1.6-22.4 12.8-22.4 25.6 1.6 12.8 11.2 22.4 24 22.4h1.6l419.2-32c36.8-3.2 67.2-30.4 70.4-67.2l38.4-212.8v-1.6c4.8-20.8-1.6-43.2-16-59.2z" p-id="27264"></path><path d="M305.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z" p-id="27265"></path><path d="M753.6 856m-56 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0Z" p-id="27266"></path></svg>
                    </div>
                    <span>购物车</span>
                    <RightOutline />
                </div>
                <div className="health-item" onClick={() => navigate('/qjx_tui')}>
                    <div className='four'>
                        <svg t="1739329543384" class="icon" viewBox="0 0 1030 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30219" width="200" height="200"><path d="M1020.616605 383.504608c-10.751721-8.639776-26.367316-6.911821-35.007092 3.903899l-42.622895 53.374616c-1.343965-20.607466-4.031895-41.406926-8.383783-62.270385-53.246619-257.017335-303.224137-421.941059-558.577516-368.438446-255.353379 53.566611-419.18913 305.272084-366.006509 562.225421 53.182621 257.017335 303.224137 422.005057 558.577516 368.374448 92.92559-19.455496 172.667523-65.790294 235.001906-128.508668 0.255993-0.255993 0.511987-0.447988 0.76798-0.703982 1.023973-1.215968 1.343965-2.431937 2.495935-3.647905 1.855952-3.135919 3.135919-6.719826 3.135919-10.623725 0-11.391705-9.151763-20.607466-20.351472-20.607466-6.143841 0-11.519701 2.751929-15.231605 7.039817l-0.127997-0.063998c-56.638531 56.766528-129.340646 98.621443-213.626461 116.284985-231.162006 48.510742-457.652133-100.925383-505.778885-333.623349C6.690897 333.585903 155.103049 105.687812 386.265054 57.17707c231.226004-48.446744 457.588135 100.925383 505.842883 333.623349 3.647905 17.919535 6.271837 35.711074 7.743799 53.438614l-51.774657-41.726918c-10.751721-8.639776-26.367316-6.911821-35.007092 3.903899-8.639776 10.751721-6.847822 26.495313 3.903899 35.199087 0 0.063998 0 0.063998 0.127997 0.063998l95.229531 76.926005 0 0.063998c5.503857 4.415885 12.095686 6.079842 18.49552 5.311862 6.527831-0.703982 12.607673-3.711904 17.023559-9.215761 0-0.063998 0.127997-0.127997 0.127997-0.127997l76.35002-95.869514c0 0 0 0 0 0C1033.032284 407.951974 1031.24033 392.208383 1020.616605 383.504608L1020.616605 383.504608zM631.378699 500.749568 631.378699 500.493575c11.903691 0 21.503442-9.663749 21.503442-21.567441 0-11.903691-9.599751-21.567441-21.503442-21.567441L501.782059 457.358693l0-39.678971 128.508668-126.076731L630.16273 291.474995c8.895769-7.871796 9.727748-21.503442 1.727955-30.46321C624.018889 252.052017 610.387243 251.284037 601.491474 259.219831L480.662607 378.384741 353.497904 253.45998C344.538136 245.588184 330.970488 246.420163 323.034694 255.379931 315.162898 264.211702 315.994877 277.843348 324.890646 285.715144L324.762649 285.907139 458.455183 416.655749l0 40.702945L328.794545 457.358693l0 0.127997c-11.839693 0-21.503442 9.599751-21.503442 21.503442 0 11.96769 9.663749 21.567441 21.503442 21.567441l0 0.127997 129.660638 0 0 66.622272L328.794545 567.307842l0 0.127997C316.954852 567.435839 307.227104 577.163587 307.227104 589.00328S316.954852 610.57072 328.794545 610.57072l0 0.127997 129.660638 0 0 127.996681 0.063998 0c0 11.839693 9.663749 21.503442 21.567441 21.503442 11.903691 0 21.503442-9.663749 21.503442-21.503442L501.782059 738.695398l0-127.996681 129.59664 0L631.378699 610.442724c11.903691 0 21.503442-9.663749 21.503442-21.567441 0-11.96769-9.599751-21.567441-21.503442-21.567441L501.782059 567.307842 501.782059 500.749568 631.378699 500.749568 631.378699 500.749568zM631.378699 500.749568" fill="#272636" p-id="30220"></path></svg>
                    </div>
                    <span>退款售后</span>
                    <RightOutline />
                </div>
            </div>
            {/* {其他} */}
            <div className="sports-health">
                <h3>其他</h3>
                <div className="health-item" onClick={() => navigate('/qjx_yi')}>
                    <div className='five'>
                        <svg t="1739338384857" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="31244" width="200" height="200"><path d="M170.666667 896v0.021333c-0.426667 0.021333 0 0.426667 0 2.069334C170.666667 896.426667 170.24 896 170.666667 896z m682.666666-607.488V896H170.666667V170.666667h554.666666V128H170.474667C147.178667 128 128 146.176 128 168.576v729.514667C128 920.448 147.114667 938.666667 170.666667 938.666667h682.666666c23.68 0 42.666667-18.218667 42.666667-40.661334v-609.493333h-42.666667zM618.474667 519.701333a21.312 21.312 0 0 0 29.226666-7.530666l245.333334-416a21.354667 21.354667 0 0 0-36.757334-21.674667l-245.333333 416a21.333333 21.333333 0 0 0 7.530667 29.226667zM298.666667 384.021333h298.666666v-42.666666H298.666667v42.666666z m0 128h170.666666v-42.666666h-170.666666v42.666666z" fill="#4E4E4E" p-id="31245"></path></svg>
                    </div>
                    <span>意见反馈</span>
                    <RightOutline />
                </div>
            </div>
        </div>
    );
}

export default wode;